*{
    padding: 0;
    margin: 0;
}
body{
    list-style: none;
    width: 100%;
}
a{
    text-decoration: none;
}
header{
    height: 120px;
    /* background-color: aqua; */
}
.tou1{
    height: 120px;
    width: 1200px;
    /* background-color: blanchedalmond; */
    margin: 0 auto;
    display: flex;
  justify-content: space-between;
    align-items: center;
   
}
.tou1>img{
    width:300px;
    height:90px ;
}
.tou1>a{
    font-size: 15px;
    color: darkgray;
}
.tou2{
    height: 50px;
    background-color: red;
}
.tou2>.tou3{
    width: 1200px;
    height: 50px;
    /* background-color: red; */
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.tou2>.tou3>a{
    font-size: 18px;
    color: aliceblue;

}
.zhong1{
    height: 400px;
    /* background-color: seagreen; */
}
.zhong2{
    height: 400px;
    width: 1200px;
    /* background-color: chartreuse; */
    margin: 0 auto;
    display: flex;
    /* border: 1px solid; */
}
.zhong2>.zhong3{
    width: 600px;
    height: 400px;
    /* border: 1px solid; */
    display: flex;
    justify-content: center;
    align-items: center;
}
.zhong2>.zhong3>img{
    width:100%;
   
    /* border: 1px solid; */
}
.zhong4{
    width: 599px;
    height: 400px;
    /* background-color: aquamarine; */
}
.zhong4>p{
    font-size: 20px;
    margin-top:49px ;
    margin-left: 20px;
}
.sdf1{
    height: 1200px;
    /* background-color: blueviolet; */
}
.sdf1>.sdf2{
    width: 1200px;
    height: 1200px;
    background-color: sandybrown;
    margin: 0 auto;
}
.sdf1>.sdf2>.sdf3{
    border: 1px solid;
    width: 270px;
    height: 390px;
}
.sdf1>.sdf2>.sdf3>.sdf4{
    width: 270px;
    height: 270px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sdf1>.sdf2>.sdf3>.sdf4>.sdf5{
    width: 220px;
    height: 220px;
    border: 1px solid;
}
.sdf1>.sdf2>.sdf3>.dd1{
 margin-top: 20px;
 margin-left: 10px;
}
